|
|
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1, CSS2.1 |
|
Значення за умовчанням |
Залежить від використання |
|
Наслідує |
Ні |
|
Застосовується |
До усіх елементів |
|
Аналог HTML |
<body bgcolor="колір" background="URL" bgproperties="fixed"><table | thead | tbody | tfoot | tr | th | td bgcolor="колір" background="URL"> |
|
Посилання на специфікацію |
http://www.w 3.org/TR/CSS21/colors.html#propdef - background |
Опис
Універсальна властивість background дозволяє встановити одночасно до п'яти характеристик фону. Значення можуть йти у будь-якому порядку, браузер сам визначить, яке з них відповідає потрібній властивості. Для детального ознайомлення дивитеся інформацію про кожну властивість окремо.
Синтаксис
background: [background - attachment || background - color || background - image || background - position || background - repeat] | inherit
Значення
Будь-які комбінації п'яти значень, що розділяються між собою пропуском, визначають стиль фону, в довільному порядку. Жодне значення не є обов'язковим, тому невживані можна опустити. inherit наслідує значення у батьківського елементу.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
<title>background</title>
<style type="text/css">
DIV {
height: 200px; /* Висота блоку */
width: 200px; /* Ширина блоку */
overflow: auto; /* Додаємо смуги прокрутки */
padding - left: 15px; /* Відступ від тексту ліворуч */
background: #fc0 url('images/sample.png') repeat - y; /* Колір фону,
шлях до фонового зображення і повторення фону по вертикалі */
}
</style></head>
<body>
<div>
Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.</div>
</body>
</html>
Результат цього прикладу показаний нижче (мал. 1).
Мал. 1. Вид фону і фонового малюнка у блоці фіксованого розміру
Об'єктна модель
[window.]document.getElementById("elementID").style.background
Браузери
Internet Explorer до сьомої версії включно не підтримує значення inherit.
